@model IEnumerable @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC Docking Layout Example"; // Create Layout Object. List layout = new List() { new LayoutItem() { Type = LayoutItemType.LayoutGroup, Orientation = Orientation.Horizontal, Items = new List() { new LayoutItem() { Type = LayoutItemType.AutoHideGroup, Alignment = Alignment.Left, Width = "80", Unpinned-width = "200", Items = new List() { new LayoutItem() { Type = LayoutItemType.LayoutPanel, Title = "Toolbox", ContentContainer = "ToolboxPanel" }, new LayoutItem() { Type = LayoutItemType.LayoutPanel, Title = "Helper", ContentContainer = "HelperPanel" } } }, new LayoutItem() { Type = LayoutItemType.LayoutGroup, Orientation = Orientation.Vertical, Width = "500", Items = new List() { new LayoutItem() { Type = LayoutItemType.DocumentGroup, Height = "400", MinHeight = "200", Items = new List() { new LayoutItem() { Type = LayoutItemType.DocumentPanel, Title = "Document 1", ContentContainer = "Document1Panel" }, new LayoutItem() { Type = LayoutItemType.DocumentPanel, Title = "Document 2", ContentContainer = "Document2Panel" } } }, new LayoutItem() { Type = LayoutItemType.TabbedGroup, Height = "200", PinnedHeight = "30", Items = new List() { new LayoutItem() { Type = LayoutItemType.LayoutPanel, Title = "Error List", ContentContainer = "ErrorListPanel" } } } } }, new LayoutItem() { Type = LayoutItemType.TabbedGroup, Width = "220", MinWidth = "200", Items = new List() { new LayoutItem() { Type = LayoutItemType.LayoutPanel, Title = "Solution Explorer", ContentContainer = "SolutionExplorerPanel", InitContent = "InitSolutionExplorerPanel()" }, new LayoutItem() { Type = LayoutItemType.LayoutPanel, Title = "Properties", ContentContainer= "PropertiesPanel" } } } } }, new LayoutItem() { Type = LayoutItemType.FloatGroup, Width = "500", Height = "300", Position = new Position() { X = 350, Y = 250 }, Items = new List() { new LayoutItem() { Type = LayoutItemType.LayoutPanel, Title = "Output", ContentContainer = "OutputPanel", Selected = true } } } }; }
List of tools
Help topics
Document 1 content
Document 2 content
List of errors
List of properties

Themes installation complete.

List of installed stylesheet files. Include at least one stylesheet Theme file and the images folder:

  • styles/jqx.base.css: Stylesheet for the base Theme. The jqx.base.css file should be always included in your project.
  • styles/jqx.arctic.css: Stylesheet for the Arctic Theme
  • styles/jqx.web.css: Stylesheet for the Web Theme
  • styles/jqx.bootstrap.css: Stylesheet for the Bootstrap Theme
  • styles/jqx.classic.css: Stylesheet for the Classic Theme
  • styles/jqx.darkblue.css: Stylesheet for the DarkBlue Theme
  • styles/jqx.energyblue.css: Stylesheet for the EnergyBlue Theme
  • styles/jqx.shinyblack.css: Stylesheet for the ShinyBlack Theme
  • styles/jqx.office.css: Stylesheet for the Office Theme
  • styles/jqx.metro.css: Stylesheet for the Metro Theme
  • styles/jqx.metrodark.css: Stylesheet for the Metro Dark Theme
  • styles/jqx.orange.css: Stylesheet for the Orange Theme
  • styles/jqx.summer.css: Stylesheet for the Summer Theme
  • styles/jqx.black.css: Stylesheet for the Black Theme
  • styles/jqx.fresh.css: Stylesheet for the Fresh Theme
  • styles/jqx.highcontrast.css: Stylesheet for the HighContrast Theme
  • styles/jqx.blackberry.css: Stylesheet for the Blackberry Theme
  • styles/jqx.android.css: Stylesheet for the Android Theme
  • styles/jqx.mobile.css: Stylesheet for the Mobile Theme
  • styles/jqx.windowsphone.css: Stylesheet for the Windows Phone Theme
  • styles/jqx.ui-darkness.css: Stylesheet for the UI Darkness Theme
  • styles/jqx.ui-lightness.css: Stylesheet for the UI Lightness Theme
  • styles/jqx.ui-le-frog.css: Stylesheet for the UI Le Frog Theme
  • styles/jqx.ui-overcast.css: Stylesheet for the UI Overcast Theme
  • styles/jqx.ui-redmond.css: Stylesheet for the UI Redmond Theme
  • styles/jqx.ui-smoothness.css: Stylesheet for the UI Smoothness Theme
  • styles/jqx.ui-start.css: Stylesheet for the UI Start Theme
  • styles/jqx.ui-sunny.css: Stylesheet for the UI Sunny Theme
  • styles/images: contains images referenced in the stylesheet files